function CoreConcept() {
  return (
    <>
      <p>核心概念这一块主要需要掌握两个概念</p>
      <ul>
        <li>
          Atoms：atoms
          是可变共享状态的最小单位。你可以把它们看作是可以在应用程序的多个组件之间共享的全局状态。
          <br />
          每个 atom 都有一个唯一的 key 用于标识，以及一个默认值。当一个 atom
          更新时，所有订阅了这个 atom 的组件都会重新渲染。
        </li>
        <li>
          Selectors：selectors 是派生状态，它是根据给定的 atom 或其他 selector
          的值计算出的状态。
          <br />
          换言之，selector 是一种纯函数，它用于处理或转换一个或多个 atom
          的值。当它依赖的 atom 更新时，所有订阅了这个 selector
          的组件也会重新渲染。
        </li>
      </ul>
      <p>另外，需要掌握和状态操作相关的 API</p>
      <ul>
        <li>
          useRecoilState：返回两个东西，一个是状态供组件读取，一个是设置状态的方法
        </li>
        <li>useRecoilValue：返回供组件读取的状态值</li>
        <li>useSetRecoilState：返回设置状态的方法</li>
      </ul>
      <p>基本上，针对核心概念这一块，掌握这部分内容就算是快速入门。</p>
    </>
  );
}

export default CoreConcept;
